

google.load('visualization','1',{'packages':['geochart']});
google.setOnLoadCallback(drawMarkersMap);

function vaciarErrores() {
    document.getElementById("RegLblErrorFechaIni").innerHTML = "";
    document.getElementById("RegLblErrorFechaFin").innerHTML = "";
    document.getElementById("RegLblErrorFechaNoIgual").innerHTML = "";
}

function drawMarkersMap(){
    $("#btConsultar").click(function(){
        mostrarReporte();
    });
}



function mostrarReporte(){
    
    var data = {
      fechaInicio:$("#fechaInicioZona").val(),
      fechaFin:$("#fechaFinZona").val()        
    };
    
        fv = new formValidator();
    vaciarErrores();
    
    if (fv.isEmpty(document.getElementById("fechaInicioZona").value)) {
            //fv.raiseError("Debe ingresar un password");
            fv.raiseError("");
            document.getElementById("RegLblErrorFechaIni").innerHTML = "Debe ingresar una fecha de inicio";
        }
        
       if (fv.isEmpty(document.getElementById("fechaFinZona").value)) {
            //fv.raiseError("Debe ingresar un password");
            fv.raiseError("");
            document.getElementById("RegLblErrorFechaFin").innerHTML = "Debe ingresar una fecha de fin";
        }
        else {
            var f1 = $("#fechaInicioZona").datepicker("getDate");
            var f2 = $("#fechaFinZona").datepicker("getDate");
            //alert(f1 + "    -     " + f2);
            if (f1 > f2) {
                //fv.raiseError("Debe ingresar un password");
                fv.raiseError("");
                document.getElementById("RegLblErrorFechaNoIgual").innerHTML = "La fecha de inicio debe ser menor que la final. Intente de nuevo.";
            }
        }

if (fv.numErrors() < 1) {
    
    
    var jsonData = JSON.stringify(data);
    console.log(data);
    $.ajax({
        type: "POST",
	data: jsonData,
	dataType: "json",
	contentType: "application/json; charset=utf-8",
	url: "reporteZonasJSON.htm",
        beforeSend: function(){
	    	$("#cargando").show("slow");
	}, 
        success: function(data){
            $("#cargando").hide("slow");
            
        if(data.me === ""){
                var arreglo = new Array();

                var DMAcode = "US-TX";

                arreglo[0] = ['Ciudad','Cantidad de Pedidos'];

                $.each(data.reporte,function(i,item){
                        arreglo[i+1] = [item.ciudad, item.cantidad];
                });

                
                var data = google.visualization.arrayToDataTable(arreglo);

                console.log(arreglo);

                var options = {
                        region: DMAcode,
                        resolution: 'provinces',
                        displayMode: 'markers',
                        zoomOutLabel: 'Zoom Out',
                        magnifyingGlass: {enable:true,zoomFactor:10},
                        title: "Paquetes recibidos entre " + $("#fechaInicio").val() + " y " + $("#fechaFin").val() + "",
                        colorAxis: {colors: ['yellow', 'red']}
                };

                var chart = new google.visualization.GeoChart(document.getElementById('geochart_div'));
                chart.draw(data, options);
                
                if (arreglo.length > 1){
                    $("#alerta").hide();
                }
                else{
                    $("#alerta").show("slow");
                    chart.clearChart();
                }
            }
            else{
                    alert(data.me);
            fv.displayErrors();
                        return false;
            }
        }
    });
     return true;
} else {
    fv.displayErrors();
                        return false;
}
}
